//分类数组
let arr1=[
    {
        topBgUrl: 'https://revo.zongheng.com/www/2024/images/8d38888.jpg',
        sortName1: '玄幻奇幻',
        sortLists: [
            {
                ListName: '王朝争霸'
            },
            {
                ListName: '诸天万界'
            },
            {
                ListName: '西方奇幻'
            },
            {
                ListName: '异世大陆'
            },
            {
                ListName: '东方玄幻'
            }
        ]
    },
    {
        topBgUrl: 'https://revo.zongheng.com/www/2024/images/092d487.jpg',
        sortName1: '都市',
        sortLists: [
            {
                ListName: '王朝争霸'
            },
            {
                ListName: '诸天万界'
            },
            {
                ListName: '西方奇幻'
            }
        ]
        
    },
    {
        topBgUrl: 'https://revo.zongheng.com/www/2024/images/cbe668a.jpg',
        sortName1: '武侠仙侠',
        sortLists: [
            {
                ListName: '西方奇幻'
            },
            {
                ListName: '异世大陆'
            },
            {
                ListName: '东方玄幻'
            }
        ]
    },
    {
        topBgUrl: 'https://revo.zongheng.com/www/2024/images/a178a83.jpg',
        sortName1: '奇闻异事',
        sortLists: [
            {
                ListName: '王朝争霸'
            },
            {
                ListName: '西方奇幻'
            },
            {
                ListName: '东方玄幻'
            }
        ]
    },
    {
        topBgUrl: 'https://revo.zongheng.com/www/2024/images/c5d691d.jpg',
        sortName1: '现实题材',
        sortLists: [
            {
                ListName: '王朝争霸'
            },
            {
                ListName: '诸天万界'
            }
        ]
    },
    {
        topBgUrl: 'https://revo.zongheng.com/www/2024/images/853b269.jpg',
        sortName1: '科幻',
        sortLists: [
            {
                ListName: '异世大陆'
            },
            {
                ListName: '东方玄幻'
            }
        ]
    },
    {
        topBgUrl: 'https://revo.zongheng.com/www/2024/images/ada7df1.jpg',
        sortName1: '历史',
        sortLists: [
            {
                ListName: '诸天万界'
            },
            {
                ListName: '异世大陆'
            },
        ]
    },
    {
        topBgUrl: 'https://revo.zongheng.com/www/2024/images/db36480.jpg',
        sortName1: '其他分类',
        sortLists: [
            {
                ListName: '王朝争霸'
            }
        ]
    },
]
//顶部数组
let arr2=[
    {
        title: '首页',
        Hurl:'./index.html',
        index: 0
    },
    {
        title: '纵横女生网',
        Hurl:'./first.html',
        index: 1
    },
    {
        title: '脑洞星球',
        Hurl:'./naodongindex',
        index: 2
    },
    {
        title: '消息',
        Hurl:'./login.html',
        index: 3
    },
    {
        title: '历史',
        Hurl:'./login.html',
        index: 4
    },
    {
        title: '书架',
        Hurl:'./login.html',
        index: 5
    },
    {
        title: '大神专区',
        Hurl:'https://dashen.zongheng.com/',
        index: 6
    },
    {
        title: '排行榜',
        Hurl:'https://www.zongheng.com/rank?nav=default',
        index: 7
    },
    {
        title: '书库',
        Hurl:'./bookstock.html',
        index: 8
    },
    {
        title: '完本',
        Hurl:'./bookstock.html',
        index: 9
    },
    {
        title: '漫画',
        Hurl:'./first.html',
        index: 10
    },
    {
        title: '征文',
        Hurl:'https://zuozhe.zongheng.com/front/activity/list?project=zongheng',
        index: 11
    },
]
//Bigimg数组
let arr3=[
    {
        title: '躺平：老婆修炼我变强',
        author: '万红壮',
        type: '东方玄幻',
        intro: '简介：【无穿越+休闲日常+轻松搞笑+修仙】一个不能修炼只想躺平的废人，被不愿意嫁人的师姐选择做了道侣，获得了姻缘赐福，道侣每提升一次修为，他就能获得十倍返还，送道侣任何东西也能得到十倍返还。随着修为提升，返还的倍数也会增加。从此，韩风开启了躺着就能变强的修炼。道侣每天勤勤恳恳努力修炼，他种种花草，养养宠物，躺平晒太阳……努力不一定会成功，但躺平一定很轻松。',
        new: '第1673章 寄生我？我可是永恒',
        img: 'https://static.zongheng.com/upload/cover/71/57/7157d106bf31d61872d6dac824c1c2de.jpeg'
    },
    {
        title: '葬神棺',
        author: '浮生一诺',
        type: ' 东方玄幻 ',
        intro: '【传统玄幻】【背景逆天】【剑修】【无系统】亿万年前，鸿蒙时代，混沌初开，宇宙本源为了阻止万灵无休止的生长，造成更庞大的负荷，以混沌为体，鸿蒙为气，黑洞为口，星辰为盖，凝聚了一座灭世神棺，用来吞四海、镇八荒，焚万古、炼诸天！千万年前，众神一战中，灭世神棺凭空出现，葬灭了大战中的诸神，更是送葬了整个众神之界，自此，葬神棺下落不明，同时，葬神棺名动宇宙万界，威慑诸天神魔！千万年后，一名少年被活埋，与葬他的棺材融合在一起，自此，送葬少年名震八荒。“救人，我不在行，埋人，我倒是很善长！”少年面容冷峻，继续低吟：“我有一座混沌神棺，葬天，葬地，葬人，葬仙亦葬神！',
        new: '第1880章 三剑斩六神帝！',
        img: 'https://static.zongheng.com/upload/cover/b0/36/b0362192e7f47d14050d5343e4da1ab71749053242451.jpeg'
    },
    {
        title: '极道剑尊',
        author: '二十七杯酒',
        type: ' 东方玄幻 ',
        intro: '踏天骄，镇万道！问鼎极道，唯我剑尊！我这一剑平平无奇，但你们绝对会死！',
        new: '第3850章 三哥你早来了……三年！',
        img: 'https://static.zongheng.com/upload/cover/3f/55/3f551fe42a5089cea925477303c264431752732275251.jpeg'
    },
    {
        title: '葬仙棺',
        author: '执笔人',
        type: ' 东方玄幻 ',
        intro: '女大三亿，盘古是我弟。陆天命本为昆仑圣子，却被未婚妻陷害，道骨被抽，成为圣地最低级的杂役弟子，受尽唾弃。意外下，觉醒在远古禁区得到的青铜古棺。古棺内，沉睡一个惊艳众生，倾国倾城的绝代丽人，竟要与他强行双修。陆天命嗷嗷大叫，不愿屈服。结果却得到史上最惊人的体质——大荒帝体。此后一代传奇，就此揭开…白衣女帝：“三年后，你若达不到道王境，下次双修，你必死无疑。”“……”陆天命麻了，还要双修，这女帝把自己当什么了，牛马啊…',
        new: '第984章 以一敌千万',
        img: 'https://static.zongheng.com/upload/cover/dc/db/dcdbf5f51e80562cd0053dd46d23ae891751019836534.jpeg'
    },
    {
        title: '吞噬九重天',
        author: '屠刀成佛',
        type: ' 东方玄幻 ',
        intro: '【传统玄幻：杀伐果断+大帝+剑道+神魔煅体+神念师……】少年许辰，遭逢背叛，险些惨死之时，天帝殿现，一朝传承，逆天改命！帝阶武学，信手捏来。……世间一直有天帝殿的传说。殿中有绝世大帝传承。镇古绝今的噬天大帝。《吞噬帝诀》，噬天噬地噬万物，练至大成，连大道都可吞噬。战天斗地的战天大帝。《战天诀》，天战斗地，盖世无敌，练到大成，战力提升256倍，拳破寰宇，弹指灭星辰。气吞寰宇的黄泉大帝。惊才绝艳的虚空大帝。……',
        new: '第2904章 许辰的杀意！',
        img: 'https://static.zongheng.com/upload/cover/b7/48/b748d40fde92b5f37ec862d2e8d08fbe1752040786750.jpeg'
    }
]
let arr4=[
    {
        title: '造化吞天鼎',
        author: '白面刺客',
        type: '其他分类',
        intro: '凌霄宗杂役弟子陆长生，机缘巧合之下得到一尊造化吞天鼎，无论任何东西放进去，都会发生量变或质变。一枚下品青灵丹放入鼎中，变成五枚上品青灵丹。一件凡器玄灵剑放入鼎中，变成一件王器赤霄剑。一部黄阶武技裂山爪放入鼎中，变成一部玄阶武技金刚破山掌。一只一阶紫火魔狮放入鼎中，变成五阶金焱圣狮。……从此，陆长生走上了逆天改命之路。',
        new: '第1673章 寄生我？我可是永恒',
        img: 'https://static.zongheng.com/upload/cover/b8/5c/b85c2eb03f616370f75cea129f3e7eb41756434726497.jpeg'
    },
    {
        title: '九天轮回诀',
        author: '天上无鱼',
        type: '其他分类',
        intro: '叶无尘修炼《九天轮回诀》，可九世轮回，极尽升华。第八世时证道登帝，独断万古，平定黑暗动乱，为沧澜界之主，因一场背叛与陷害，遭围攻惨死。百年后，他重聚魂魄，第九世下凡投胎，却被家族认定是废物，差点胎死腹中。还好娘亲力挽狂澜，宁愿被赶出家族，也要保住胎儿！大帝重生，九彩仙胎你们都认为资质平庸？好好好，这家族不待也罢。且看叶无尘如何逆天崛起，重塑传奇！',
        new: '第1880章 三剑斩六神帝！',
        img: 'https://static.zongheng.com/upload/cover/c7/81/c781e9f30a63c3029ae58c892c2a3c411750993531624.jpeg'
    },
    {
        title: '太虚剑主！',
        author: '伍月贰拾伍',
        type: '其他分类',
        intro: '平凡少年因资质平庸受尽欺凌。意外觉醒神秘玉坠中的器灵小玉，得太虚剑诀传承。改命之路。，战强敌，揭开上古秘辛。从外门废物到绝世剑主，以不屈意志，书写属于自己的传奇。',
        new: '第3850章 三哥你早来了……三年！',
        img: 'https://static.zongheng.com/upload/cover/6a/1c/6a1c9604156e2206f616dfbf942c56081754028627925.jpeg'
    },
    {
        title: '玄幻：开局弓手小卒，满级血怒弑神',
        author: '天山之雪',
        type: '其他分类',
        intro: '【热血+系统+杀伐果断】杨凡穿越成北漠战场最惨马弓手，缺水断粮，强敌环伺。却觉醒【血怒系统】——每杀一人就能强化箭术，负伤越重战力越狂！&quot;叮！您射杀胡人十户长，箭术+10，臂力暴增！&quot;&quot;叮！绝境反杀百户长，奖励功法·不灭金身！&quot;当胡人可汗带着十万铁骑压境时，只见杨凡孤身立于城头，一箭化九星，箭箭摧城裂甲！&quot;关羽是马弓手，我也是马弓手，但我的箭…能屠神！&quot;',
        new: '第984章 以一敌千万',
        img: 'https://static.zongheng.com/upload/cover/e4/85/e48564480448b50695c327abd9a2432e.jpeg'
    },
    {
        title: '梦幻西游：辅助系统跑环的我，无敌了',
        author: '月无颜',
        type: '其他分类',
        intro: '大龄待就业青年，陈林待在破旧废弃公寓上，仿佛人生也发霉了。自从超级辅助系统开启后。父母佝偻的腰板一下挺直了起来。曾经的美女校花许诺清，美女富婆唐梓嫣，芳心暗许。陈林默默开始跑环，谁也不能阻止我跑环。终有一天，我一定能跑出，可以打造十蓝字武器的装备制造书。',
        new: '第2904章 许辰的杀意！',
        img: 'https://static.zongheng.com/upload/cover/3d/87/3d87afed0ed97dc675a9115191f9aebf.jpeg'
    }
]


//顶部
let header=document.querySelector('.header')
//顶部图片切换
let X=document.querySelectorAll('.X')
let Y=document.querySelectorAll('.Y')
//顶部背景
let topBg=document.querySelector('.topBg')
let center=document.querySelector('.center')
//子分类切换
let Cdiv1=document.querySelector('.Cdiv1')
let Cdiv3=document.querySelector('.Cdiv3')
//顶部分类
let NdivX=document.querySelector('.NdivX')
//顶部滚动显示
let Hleft1=document.querySelector('.Hleft1')
let Hleft2=document.querySelector('.Hleft2')
let Hright1=document.querySelector('.Hright1')
let Hright2=document.querySelector('.Hright2')
//侧栏返回顶部
let Sicon=document.querySelector('.Sicon')
//Bigimg内容
let intro1=document.querySelector('.intro1')
//传下标
let a
let b
let c=0
//内容获取
let Scontent1=document.querySelector('.Scontent1')
let Scontent2=document.querySelector('.Scontent2')
let Scontent3=document.querySelector('.Scontent3')
let Scontent4=document.querySelector('.Scontent4')

fetch('https://www.qimao.com/qimaoapi/api/classify/book-list?channel=a&category1=a&category2=a&words=a&update_time=a&is_vip=a&is_over=a&order=click&page=1').then(res=> res.json()).then(res1=> {
    res1.data.book_list.forEach((item,index)=> {
        if(index<9) {
            Scontent1.innerHTML+=`
                <div class="Sbox">
                    <div class="Simg"   >
                        <img src="${item.image_link}"
                        alt=""   onclick="ju()">
                    </div>
                    <div class="Sintro">
                        <div class="Sdiv1" onclick="ju()">${item.title}</div>
                        <div class="Sdiv2">
                            ${item.intro}
                        </div>
                        <div class="Sdiv3">
                            <div  onclick="diji()">${item.author}</div>
                            &nbsp;·&nbsp;
                            <div href="">东方玄幻</div>
                        </div>
                    </div>
                </div>
            `
        }
    })
}).catch(err=> {
    console.log(err)
})
fetch('https://www.qimao.com/qimaoapi/api/classify/book-list?channel=a&category1=a&category2=a&words=a&update_time=a&is_vip=a&is_over=a&order=click&page=2').then(res=> res.json()).then(res1=> {
    res1.data.book_list.forEach((item,index)=> {
        if(index<6) {
            Scontent3.innerHTML+=`
                <div class="Sbox">
                    <div class="Simg"  onclick="ju()">
                        <img src="${item.image_link}"
                        alt="">
                    </div>
                    <div class="Sintro">
                        <div class="Sdiv1"  onclick="ju()">${item.title}</div>
                        <div class="Sdiv2">
                            ${item.intro}
                        </div>
                        <div class="Sdiv3">
                            <div  onclick="diji()">${item.author}</div>
                            &nbsp;·&nbsp;
                            <div href="">东方玄幻</div>
                        </div>
                    </div>
                </div>
            `
        }
    })
}).catch(err=> {
    console.log(err)
})
fetch('https://www.qimao.com/qimaoapi/api/classify/book-list?channel=a&category1=a&category2=a&words=a&update_time=a&is_vip=a&is_over=a&order=click&page=3').then(res=> res.json()).then(res1=> {
    res1.data.book_list.forEach((item,index)=> {
        if(index<6) {
            Scontent4.innerHTML+=`
                <div class="Sbox">
                    <div class="Simg"  onclick="ju()">
                        <img src="${item.image_link}"
                        alt="">
                    </div>
                    <div class="Sintro">
                        <div class="Sdiv1"  onclick="ju()">${item.title}</div>
                        <div class="Sdiv2">
                            ${item.intro}
                        </div>
                        <div class="Sdiv3">
                            <div  onclick="diji()">${item.author}</div>
                            &nbsp;·&nbsp;
                            <div href="">东方玄幻</div>
                        </div>
                    </div>
                </div>
            `
        }
    })
}).catch(err=> {
    console.log(err)
})
fetch('https://www.qimao.com/qimaoapi/api/classify/book-list?channel=a&category1=a&category2=a&words=a&update_time=a&is_vip=a&is_over=a&order=click&page=4').then(res=> res.json()).then(res1=> {
    res1.data.book_list.forEach((item,index)=> {
        if(index<9) {
            Scontent2.innerHTML+=`
                <div class="Sbox">
                    <div class="Simg"  onclick="ju()">
                        <img src="${item.image_link}"
                        alt="">
                    </div>
                    <div class="Sintro">
                        <div class="Sdiv1"  onclick="ju()">${item.title}</div>
                        <div class="Sdiv2">
                            ${item.intro}
                        </div>
                        <div class="Sdiv3">
                            <div onclick="diji()">${item.author}</div>
                            &nbsp;·&nbsp;
                            <div href="">东方玄幻</div>
                        </div>
                    </div>
                </div>
            `
        }
    })
}).catch(err=> {
    console.log(err)
})
//顶部跳转
const Hjump=()=> {
    b=event.currentTarget.dataset.index;
    window.location.href=`${arr2[b].Hurl}`
}

//获取分类
const getSort=()=> {
    arr1.forEach((item,index)=> {
        center.innerHTML+=`
            <div class="sortName1" data-index="${index}" onclick="change()">${item.sortName1}</div>
        `
        NdivX.innerHTML+=`
            <a href="./indexSort.html?${index}">${item.sortName1}</a>
        `
    })
}
getSort()
//分类名
let sortName1=document.querySelectorAll('.sortName1')

//首次进入选中分类
document.addEventListener('DOMContentLoaded', () => {
    sortName1.forEach(item => {
        if (item.dataset.index == window.location.search.split('?')[1]) {
            item.classList.add('active1')
        }
    })
    a=window.location.search.split('?')[1]
    use()
})

//滚动监听
window.addEventListener("scroll",()=>{
    const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
    if (scrollTop > 50) {
        header.classList.remove('Absolute')
        header.classList.add('Fixed','bg','active3')
        Hleft1.classList.add('hide')
        Hleft2.classList.remove('hide')
        Hright1.classList.add('hide')
        Hright2.classList.remove('hide')
        Sicon.classList.remove('hide')
    }else {
        header.classList.remove('Fixed','bg','active3')
        header.classList.add('Absolute')
        Hleft1.classList.remove('hide')
        Hleft2.classList.add('hide')
        Hright1.classList.remove('hide')
        Hright2.classList.add('hide')
        Sicon.classList.add('hide')
    }
})

//点击返回顶部
const backTop=()=> {
    window.scrollTo({
        top: 0,
        behavior: 'smooth'
    })
}

//点击分类
const change=()=> {
    sortName1.forEach(item=> {
        item.classList.remove('active1')
    })
    event.target.classList.add('active1')
    a=event.target.dataset.index
    use()
}

//Bigimg内容
const getBigimg=()=> {
    intro1.innerHTML=`
        <div class="Itop1">
            <div class="bigimg">
                <a href="">
                    <img src="${a==0?arr3[c].img:arr4[c].img}" alt="">
                </a>
                <div class="Ibottom"></div>
            </div>
            <div class="Iintro">
                <a class="Ia1" href="detail.html"   >${a==0?arr3[c].title:arr4[c].title}</a>
                <div class="Idiv1">
                    <em>作者</em>
                    <a href="naodongxingqiu_author.html">${a==0?arr3[c].author:arr4[c].author}</a>
                    <em>类型</em>
                    <a href="">${a==0?arr3[c].type:arr4[c].type}</a>
                </div>
                <a class="Ia2" href="">
                    ${a==0?arr3[c].intro:arr4[c].intro}
                </a>
                <div class="Idiv2">
                    <em>最新章节：</em>
                    <a href="">${a==0?arr3[c].new:arr4[c].new}</a>
                </div>
                <div class="Idiv3">
                    <a class="Ia3 ${c==0?'active4':''}" onmouseover="change1()" data-index="0" href="">
                        <img src="${a==0?arr3[0].img:arr4[0].img}" alt="">
                    </a>
                    <a class="Ia3 ${c==1?'active4':''}" onmouseover="change1()" data-index="1"  href="">
                        <img src="${a==0?arr3[1].img:arr4[1].img}" alt="">
                    </a>
                    <a class="Ia3 ${c==2?'active4':''}" onmouseover="change1()" data-index="2" href="">
                        <img src="${a==0?arr3[2].img:arr4[2].img}" alt="">
                    </a>
                    <a class="Ia3 ${c==3?'active4':''}" onmouseover="change1()" data-index="3" href="">
                        <img src="${a==0?arr3[3].img:arr4[3].img}" alt="">
                    </a>
                    <a class="Ia3 ${c==4?'active4':''}" onmouseover="change1()" data-index="4" href="">
                        <img src="${a==0?arr3[4].img:arr4[4].img}" alt="">
                    </a>
                </div>
            </div>
        </div>
    `
}
getBigimg()


//鼠标经过Bigimg切换
const change1=()=> {
    let Ia3=document.querySelectorAll('.Ia3')
    Ia3.forEach(item=> {
        item.classList.remove('active4')
    })
    event.target.classList.add('active4')
    c=event.currentTarget.dataset.index;
    getBigimg()
}

//选中分类渲染分类内容
const use=()=> {
    //顶部背景
    topBg.innerHTML=`
        <img src="${arr1[a].topBgUrl}" alt="">
    `
    Cdiv1.innerHTML=arr1[a].sortName1
    //子分类
    Cdiv3.innerHTML=`
        <div class="txt active2">首页</div>
        <div class="line"></div>
    `
    arr1[a].sortLists.forEach(item2=> {
        Cdiv3.innerHTML+=`
            <div class="txt">${item2.ListName}</div>
        `
    })
    //顶部样式
    if(a>2 & a!=6) {
        header.classList.add('active0')
        X.forEach(item=> {
            item.classList.add('hide')
        })
        Y.forEach(item=> {
            item.classList.remove('hide')
        })
    }else {
        header.classList.remove('active0')
        X.forEach(item=> {
            item.classList.remove('hide')
        })
        Y.forEach(item=> {
            item.classList.add('hide')
        })
    }
    getBigimg()
}

let ul=document.querySelector('.lists')
let list1=document.querySelector('.list1')
let list2=document.querySelector('.list2')
let line2=document.querySelector('.line2')
const getList1=()=> {
    list2.classList.remove('active3')
    line2.classList.remove('active5')
    event.target.classList.add('active3')
    getUl(0)
}
const getList2=()=> {
    list1.classList.remove('active3')
    line2.classList.add('active5')
    event.target.classList.add('active3')
    getUl(1)
}

const getUl=(i)=> {
    axios.post(`https://www.zongheng.com/bookapi/category/updatelist?level=${i}`,{
        headers: { 'Content-Type': 'application/json' },
    }).then(res1=> {
        ul.innerHTML=`
            <li class="lititle">
                <div class="li-div1">类别</div>
                <div class="li-div2">书名</div>
                <div class="li-div3">章节名称</div>
                <div class="li-div4">字数</div>
                <div class="li-div5">作者</div>
                <div class="li-div6">更新时间</div>
            </li>
        `
        res1.data.result.list.forEach(item=> {
            ul.innerHTML+=`
                <li>
                    <div class="li-div1">
                        <span>${item.cateName}</span>
                    </div>
                    <div class="li-div2"   onclick="ju()">
                        <span>${item.bookName}</span>
                    </div>
                    <div class="li-div3">
                        ${i==1?'<img src="https://revo.zongheng.com/www/2024/images/b64f5e2.png" alt="">':''}
                        <span>${item.chapterName}</span>
                    </div>
                    <div class="li-div4">
                        <span>${item.totalWords>9999?Math.floor(item.totalWords/10000)+'万字':item.totalWords+'字'}</span>
                    </div>
                    <div class="li-div5">
                        <span  onclick="diji()">${item.authorName}</span>
                    </div>
                    <div class="li-div6">
                        <span>${item.updateTime}</span>
                    </div>
                </li>
            `
        })
    }).catch(err=> {
        console.log(err)
    })
}
getUl(0)


to=()=>{
    console.log(9999)
     const inputElement = document.querySelector('.search input');
    const searchText = inputElement.value.trim();
        console.log(searchText);
        inputElement.value = '';
        window.location.href = 'shearh.html?searchText=' + searchText;
}

diji=()=>{
    window.location.href='naodongxingqiu_author.html'
}

ju=()=>{
    console.log(9999)
    window.location.href='detail.html'
}